!!!###!!!title=134- 带指标卡环形图如何动态更新指标值?——VisActor/VChart FAQ 文档!!!###!!!

带指标卡环形图如何动态更新指标值?

问题描述

类似 (https://www.visactor.io/vchart/demo/pie-chart/pie-indicator)这样的带指标卡环形图, 这个指标卡里的数值现在是用户自己定义的,不支持自动变,但是可以计算之后更新这个值。指标卡里这个数字可以根据 hover 的扇区改变吗?该如何实现?

解决方案

不同图表库的解决方案不一样,根据你给的 demo,只需要设置交互触发类型和配置 text 字段内容。

  • indicator.trigger 用来设置交互触发类型。可选的交互类型有 hover、select、none。默认设置交互触发类型为 select。根据你的需求,需要将 indicator.trigger 设置为 hover。
  • indicator.title.style.text 用来设置文本内容,且支持回调。可以根据需要的数据字段,在 text 中配置所需字段并可根据需求格式化展现形式。

代码示例

结果展示

相关文档